<el-form ref="form" label-width="120px" label-position="left" style="padding:0 20px;">
    <el-alert title="{:lang('user.layout_config_tips')}" type="error" :closable="false"></el-alert>
    <el-divider></el-divider>
    <el-form-item label="{:lang('user.nightmode')}">
        <el-switch v-model="dark"></el-switch>
    </el-form-item>
    <el-form-item label="{:lang('user.language')}">
        <el-select v-model="lang">
            <el-option label="{:lang('user.language_zh')}" value="zh-cn"></el-option>
            <el-option label="{:lang('user.language_en')}" value="en"></el-option>
        </el-select>
    </el-form-item>
    <el-divider></el-divider>
    <el-form-item label="{:lang('user.theme_color')}">
        <el-color-picker v-model="colorPrimary" :predefine="colorList">></el-color-picker>
    </el-form-item>
    <el-divider></el-divider>
    <el-form-item label="{:lang('user.layout')}">
        <el-select v-model="layout" placeholder="{:lang('common.select')}">
            <el-option label="{:lang('user.layout_default')}" value="default"></el-option>
            <el-option label="{:lang('user.layout_header')}" value="header"></el-option>
            <el-option label="{:lang('user.layout_menu')}" value="menu"></el-option>
        </el-select>
    </el-form-item>
    <el-form-item label="{:lang('user.menu_is_collapse')}">
        <el-switch v-model="menuIsCollapse"></el-switch>
    </el-form-item>
    <el-form-item label="{:lang('user.layout_tags')}">
        <el-switch v-model="layoutTags"></el-switch>
    </el-form-item>
    <el-divider></el-divider>
</el-form>